<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<HEAD>
     <TITLE>Blink</TITLE>
     <link rel="stylesheet" type="text/css" href="../../../ss/2.css" id="thecss">
     <script type="text/javascript" src="../../../scripts/csschange.js"></script>
</HEAD>

<BODY onload="readSS()">

<br>
<center>
<table border=3 cellpadding=5 cellspacing=0>
<tr>
     <td><h1 class="pagetitle">Blink</h1>
         <b><a href="../../../misc/suppkey.htm">Support Key:</a></b> 
         [<span class="ns">2</span>|<span class="ns">3</span>|<span class="ns">3.2</span>|<span class="ns">4</span>]
         [<span class="ns">X1</span>|<span class="ns">X1.1</span>]
         [<b class="s">IE4B1</b><a href="#peculiar">*</a>|<span class="ns">M</span>|<b><i 
         class="fs">N1</i></b>|<b class="s">O7</b>]</td>
     <td><a href="#what">What is it?</a><br>
         <a href="#attrib">Attributes</a><br>
         <a href="#example">Tag Example</a>
     </td>
     <td><a href="#model">Parent/Content Model</a><br>
         <a href="#tips">Tips &amp; Tricks</a><br>
         <a href="#peculiar">Browser Peculiarities</a></td>
</tr>
<tr><td align=center colspan=3>
<font size=2>= <span class="sitetitle">Index DOT Html</span> by <a href="../../../misc/email.htm">Brian Wilson</a> =</font>
</td></tr>
</table>

<font size=2>
     <a href="../../index.html">Main Index</a> |
     <a href="../../tree/htmltree.htm">Element Tree</a> |
     <a href="../../tagindex/a.htm">Element Index</a> |
     <a href="../../supportkey/a.htm">HTML Support History</a></font>
</center>
<hr align="center" width="25%">

<br><br>
<table border=1 cellspacing=0 cellpadding=5>
<tr><td>
<table border=0 cellspacing=0>
<tr>
   <th colspan=3 valign=bottom class="field"><big><u><b
       class="colheaders">&#160;&#160;&#160;Quick Statistics&#160;&#160;&#160;</b></u></big><br></th>
</tr>
<tr><th align=left><b class="l3heading"><a href="../stats.htm#et">End Tag:</a></b><br></th>
    <td rowspan=7>&nbsp;&nbsp;</td>
   <td><span class="magicword">Required</span></td></tr>
<tr><th align=left><b class="l3heading"><a href="../stats.htm#std">Standards Details:</a></b><br></th>
   <td>NA</td></tr>
<tr><th align=left><b class="l3heading"><a href="../stats.htm#xhtm">XHTML Modules:</a></b><br></th>
   <td>NA</td></tr>
<tr><th align=left valign=top><b class="l3heading"><a href="../stats.htm#disp">CSS 'display' Type:</a></b><br></th>
   <td>"<b class="alert">inline</b>"</td></tr>
<tr><th align=left valign=top><b class="l3heading"><a href="../stats.htm#css">CSS Mapping:</a></b><br></th>
   <td><span class="property"><a href="../../../css/properties/text/textdec.htm">text-decoration:</a></span> blink</td></tr>
<tr><th align=left><b class="l3heading"><a href="../stats.htm#rnd">Default Rendering:</a></b><br></th>
   <td>Blinking content</td></tr>
<tr><th align=left><b class="l3heading"><a href="../stats.htm#w3docs">Official Docs:</a></b><br></th>
    <td>None</td></tr>
</table>
</td></tr>
</table>

<a name="what"></a>
<dl>
<dt><big><b class="mainheading">What is it?</b></big>
    <dd>This is a physical style element that makes contained text within
        blink on and off on the screen. Netscape created the element and is
        currently the only major browser or standard to support it.
</dl>


<a name="attrib"></a>
<dl>
<dt><br><big><b class="mainheading">Common Attributes</b></big>
<dt><b class="subheading">%<a href="../attributes/core.htm">Core</a>%</b>
    <dd>[<span class="ns">2</span>|<span class="ns">3</span>|<span class="ns">3.2</span>|<span class="ns">4</span>] 
        [<span class="ns">X1</span>|<span class="ns">X1.1</span>]
        [<b><i class="fs">IE4B1</i></b>|<span class="ns">M</span>|<b><i class="fs">N4B2</i></b>|<b class="s">O7</b>]

<dt><b class="subheading">%<a href="../attributes/accessibility.htm">Accessibility</a>%</b>
    <dd>[<span class="ns">2</span>|<span class="ns">3</span>|<span class="ns">3.2</span>|<span class="ns">4</span>] 
        [<span class="ns">X1</span>|<span class="ns">X1.1</span>]
        [<b><i class="fs">IE4B1</i></b>|<span class="ns">M</span>|<b class="s">N6</b>|<b class="s">O7</b>]

<dt><b class="subheading">%<a href="../attributes/events.htm">Events</a>%</b>
    <dd>[<span class="ns">2</span>|<span class="ns">3</span>|<span class="ns">3.2</span>|<span class="ns">4</span>] 
        [<span class="ns">X1</span>|<span class="ns">X1.1</span>]
        [<b><i class="fs">IE4B1</i></b>|<span class="ns">M</span>|<b class="s">N6B1</b>|<span class="ns">O</span>]

<dt><b class="subheading">%<a href="../attributes/language.htm">Language</a>%</b>
    <dd>[<span class="ns">2</span>|<span class="ns">3</span>|<span class="ns">3.2</span>|<span class="ns">4</span>] 
        [<span class="ns">X1</span>|<span class="ns">X1.1</span>]
        [<b><i class="fs">IE4</i></b>|<span class="ns">M</span>|<span class="ns">N</span>|<span class="ns">O</span>]
</dl>


<a name="example"></a>
<dl>
<dt><big><b class="mainheading">Markup example and Tests</b></big>
    <dd><div class="example">&lt;<b class="tagname">blink</b>&gt;blinking text&lt;/<b class="tagname">blink</b>&gt;</div>
    <dd>
        <ul>
            <li><a href="../../../testing/html/tags/b/blink-example.htm" class="testcase">Markup example</a>
            <li><a href="../../../testing/html/tags/b/blink-element-render.htm" class="testcase">Basic element rendering test</a>
            <li><a href="../../../testing/html/tags/b/blink-element-domhtml.htm" class="testcase">DOMHTML test</a>
            <li><a href="../../../testing/html/tags/b/blink-element-domcss.htm" class="testcase">DOMCSS test</a>
        </ul>
</dl>


<a name="model"></a>
<dl>
<dt><big><b class="mainheading">Parent Model</b></big>
    <dd><b class="alert">%<a href="../shorthands.htm#inlineparent">In-line Parent</a>%</b> |
        <b class="alert">%<a href="../shorthands.htm#blockparent">Block Parent</a>%</b>
<dt><big><b class="mainheading">Content Model</b></big>
    <dd><b class="alert">%<a href="../shorthands.htm#inlinecontent">In-line Content</a>%</b>
</dl>


<a name="tips"></a>
<big><b class="mainheading">Tips &amp; Tricks</b></big>
<ul>
    <li>Many readers find the use of this element to be particularly annoying,
        and indeed it is distracting to have text disappear from the screen.
    <li>If the user is not presently reading a blinking passage (when the blinking
        occurs outside of the focus of the field of vision) it can distract a reader's
        attention and it may take several moments for the user to identify what passage
        is changing.
    <li>Seriously evaluate the need for using this element, as it can create
        as many problems as it solves, and only one browser type will display
        its effects correctly. If you <em>MUST</em> create this effect, the CSS 
        '<a href="../../../css/properties/text/textdec.htm">text-decoration</a>' 
        property value of "blink" is the preferred method and has wider support.
</ul>

<a name="peculiar"></a>
<big><b class="mainheading">Browser Peculiarities</b></big>
<ul>
    <li><b class="alert">DTD Note:</b> 
        <a href="../../../testing/html/tags/b/blink-bp1.htm">[Test]</a>
        Internet Explorer 4.0 now <em>recognizes</em>
        this element only so far as common attributes are concerned - BLINK does
        not actually produce a blinking content effect in IE, but style sheet
        attributes and event handlers can be successfully applied.
    <li><b class="alert">DTD Note:</b> 
        <a href="../../../testing/html/tags/b/blink-bp1.htm">[Test]</a>
        Opera 7.0 <em>recognized</em>
        this element in 7.0-7.11 only so far as common attributes are concerned - 
        BLINK did not actually produce a blinking content effect, but ID, CLASS, 
        STYLE and TITLE could be successfully applied. Beginning with 7.2, a blinking 
        effect is produced.
    <li>All platforms and many of the versions of Netscape have the ability to
        toggle the BLINK functionality on or off. This control is not exposed
        in the main user interface. See Mosh Teitelbaum's
        &quot;<a href="http://www.sightspecific.com/~mosh/WWW_FAQ/noblink.html"
        class="relevant">Disabling Blinking Text</a>&quot; page for more details.
</ul>


<br>
<a href="../../../misc/copyright.htm">Boring Copyright Stuff...</a>

</BODY>
</HTML>
